<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue3 + Element Plus 完整示例</title>

    <!-- vue样式 -->
    <link rel="stylesheet" href="vue.css"> 
    <!-- vue js -->
    <script src="vue.js"></script>
    <script src="element-plus.js"></script>
    <script src="element-plus-icon.js"></script>
    <script src="dexie.js"></script>



</head>

<body>
    <div id="app">


        <el-button size="small" type="primary" icon="search" @click="onSubmit">
            Search
        </el-button>
        <el-button size="small" type="primary" icon="edit" @click="onSubmit">
            Edit
        </el-button>
        <el-button size="small" type="primary" icon="plus" @click="onSubmit">
            Plus
        </el-button>
        <el-button size="large" type="primary" icon="DocumentAdd" @click="onSubmit">
            Add
        </el-button>

    </div>

    <!-- <script>
        const { createApp, reactive } = Vue;
        const { ElMessage } = ElementPlus;



        const app = createApp({
            setup() {
                const form = reactive({
                    name: '',
                    region: '',
                    date1: '',
                    date2: '',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: ''
                });

                const onSubmit = () => {
                    console.log('submit!', form);
                    ElMessage({
                        message: '提交成功',
                        type: 'success'
                    });
                };

                return { form, onSubmit };
            }
        })


        app.use(ElementPlus)



        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
            app.component(key, component)
        }

        app.mount('#app');

    </script> -->


    <script src="elicon.js"></script>

</body>

</html>